html{
	height:100%;
}
body {
	font-family: 'Open Sans';
	font-size: 14px;
	height:100%;
	background-color: #689cd2;
	/* 	overflow-x: hidden;
	overflow-y: hidden */
}

#main-container {
	width: 1356px;
	height: 910px;
	margin: 0px auto;
	overflow: hidden;
	zoom: 1;
}

#main-container .left {
	float: left;
	min-width: 22%;
	max-width: 22%;;
	border: 2px solid #cccccc;
}

#main-container .right {
	float: left;
	width: 77.7%;
	height: 100%;
	/* 	min-width: auto;
	max-width: auto; */
	/* margin-left: 0px auto; */
}

#tree-container {
	height: 60%;
	/* max-width:22%; */
	overflow: scroll;
}

#tree-container label.hover {
	color: red;
}

#left-show {
	height: 5%;
	/* max-height: 3%; */
	font-size:13px;
	border: 1px solid #cccccc;
}

#left-property {
	height: 35%;
	/* max-height: 25%; */
	overflow: scroll;
	border: 1px solid #cccccc;
	font-size:13px;
}

#left-property-table {
	font-size:13px;
}

#left-property-table label{
	cursor:pointer;
}

#xzqtree li span {
	font-size: 13px
}

#chart_show {
	border: 1px solid #cccccc;
	float: left;
	width: 100%;
	height: 50%;
	max-height: 50%;
	overflow: scroll;
}

#chart_show .singleChart{
	margin-bottom:3%;	
}

#grid_show {
	border: 1px solid #cccccc;
	float: left;
	width: 100%;
	height: 50%;
	max-height: 50%;
/* 	overflow: scroll;*/	
    height: 50%;
	max-height: 50%;
}

.form {
	width: 1356px;
	background-color: white;
}

.zuo {
	float: left;
	width: 150px;
}

.zuo1 {
	width: 120px;
	white-space: nowrap;
	overflow: hidden;
}